import React from 'react';
import classNames from 'classnames';

export interface ColFlexProps {
    prefixCls?: string,
    className?: string,
    style?: React.CSSProperties,
}

export default class ColFlex extends React.Component<ColFlexProps, any> {
    static defaultProps = {
        prefixCls: 'mousex-flex',
    };

    render() {
        const {
            prefixCls,
            className,
            style,
            children,
        } = this.props;

        const wrapCls = classNames(prefixCls, className, {
            [`${prefixCls}-column`]: true
        });

        return (
            <div className={wrapCls} style={style}>
                {children}
            </div>
        );
    }
}
